.addUsers {
  display: flex;
  justify-content: space-around;
  .tree {
    width: 225px;
    height: ~'calc(100vh - 280px)';
    margin-top: 15px;
    overflow: auto;

    // :global {
    //   .ant-card-body {
    //     padding: 0;
    //   }
    //   .ant-tree-treenode-switcher-close,
    //   .ant-tree-treenode-switcher-open {
    //     .ant-tree-switcher {
    //       height: 40px;
    //       line-height: 40px;
    //     }
    //     .ant-tree-node-content-wrapper {
    //       height: 40px;
    //       line-height: 40px;
    //     }
    //     .ant-tree-node-selected {
    //       font-weight: bold;
    //       color: #1890ff;
    //       background: #e6f7ff;
    //     }
    //     line-height: 40px;
    //   }
    //   .ant-tree-node-content-wrapper {
    //     width: ~'calc(100% - 24px)';
    //   }
    //   .ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected {
    //     font-weight: bold;
    //     color: #1890ff;
    //     background: #e6f7ff;
    //   }
    //   .ant-tree li .ant-tree-node-content-wrapper:hover {
    //     background: #fff;
    //     color: #1890ff;
    //   }
    //   .ant-tree li .ant-tree-node-selected:hover {
    //     color: #1890ff;
    //     background: #e6f7ff;
    //   }
    // }
    // .treeNode {
    //   display: flex;
    //   justify-content: space-between;
    //   width: 100%;
    //   .action {
    //     transition: opacity 0.2s;
    //     opacity: 0;
    //   }
    // }

    // .firstTreeNode {
    //   font-size: 16px;
    //   font-weight: 600;
    // }

    // .treeNode:hover .action {
    //   transition: opacity 0.2s;
    //   opacity: 1;
    // }

    // .myIcon {
    //   margin-right: 5px;
    //   color: rgba(0, 0, 0, 0.65);
    //   font-size: 20px;
    //   vertical-align: text-top;
    // }
    .select {
      padding-bottom: 14px;
      padding-left: 15px;
      font-size: 14px;
      font-weight: 900;
      cursor: pointer;
      :global {
        .anticon.anticon-down {
          font-size: 14px;
        }
      }
    }
    .menu {
      // height: ~'calc(100vh - 280px)';
      // overflow-y: auto;
      .menuItem {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        &:hover {
          .showEllipsis {
            opacity: 1;
            transition: opacity 0.5s;
          }
        }
        .ellipsis {
          display: inline;
        }
        .showEllipsis {
          opacity: 0;
          transition: opacity 0.5s;
        }
      }
    }
  }
  :global {
    .ant-transfer-list {
      width: 250px;
      height: 400px;
    }
  }
}
